<script >

</script>

<template>  
<div class="alert-box">
    <strong>Error!</strong>
    <br/>
    <slot></slot>
  </div>
  <button class="fancy-btn">
  	<slot/> <!-- slot outlet -->
	</button>
</template>

<style scoped>
.alert-box {
  color: #666;
  border: 1px solid red;
  border-radius: 4px;
  padding: 20px;
  background-color: #f8f8f8;
}
  
strong {
	color: red;    
}
.fancy-btn {
  color: #fff;
  background: linear-gradient(315deg, #42d392 25%, #647eff);
  border: none;
  padding: 5px 10px;
  margin: 5px;
  border-radius: 8px;
  cursor: pointer;
}
</style>
